import React from "react";
import { ComponentStory, ComponentMeta } from "@storybook/react-native";
import { MySlider } from "./Slider";
import { View } from "react-native";

const MySliderMeta: ComponentMeta<typeof MySlider> = {
  title: "MySlider",
  component: MySlider,
  args: {
    text: "Hello Lilei",
  },
  // decorators: [
  //   (Story) => (
  //     <View style={{ padding: 16, backgroundColor: 'red' }}>
  //       <Story display_name={"MySlider"}/>
  //     </View>
  //   ),
  // ],
};

export default MySliderMeta;

type MySliderStory = ComponentStory<typeof MySlider>;

export const Basic: MySliderStory = (args) => <MySlider {...args} />;
export const Mini: MySliderStory = (args) => <MySlider {...args} />;
export const S: MySliderStory = (args) => <MySlider {...args} text={'SSE'}/>;
export const SE: MySliderStory = (args) => <MySlider {...args} />;
export const Plus: MySliderStory = (args) => <MySlider {...args} />;
export const Pro: MySliderStory = (args) => <MySlider {...args} />;
